html
  overflow-y: auto

img
  max-width 100%

ol.reset,
ul.reset
  list-style none
  li
    list-style none

a
  text-decoration: inherit

.application--wrap
  background $body-background

.blog-container
  max-width $container-max-width!important
  min-height: calc(100vh - 56px - 122px)

.title,
.headline,
.subheading,
.capitalize
  text-transform: capitalize
  font-weight 555

.fake-hide
  position: absolute;
  top: -9999px;
  right: -9999px;
  z-index: -1;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  opacity: 0;

.blog-progress.progress-linear
  position fixed
  top 0
  left 0
  right 0
  z-index 9999
  margin 0
  background: #fff

.medium-zoom-overlay
  z-index: 100;

.medium-zoom-overlay ~ img
  z-index: 101;

@media (min-width: ($MQMobile + 1px))
  .theme-container.no-sidebar
    .sidebar
      display none
    .page
      padding-left 0

@require './mobile.styl'